//有也买酒配送：
$(".peisong").click(function(){
    if($(".peisong").children().is(".ps")){
        $(".ymjps").removeClass("ps")
    }else{
        $(".ymjps").addClass("ps")    
    }
})

//全选
$("#check-all").on("click", function() {
        if ($(this).prop("checked")) {
            $("input#check-list").prop("checked", "checked")
        } else {
            $("input#check-list").prop("checked", "")
        }
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
        sumn()
    })
    //单选触发全选：
$(".car-text-k").on("change", "input#check-list", function() {
        if ($("#check-list:checked").length == $("input#check-list").length) {
            $("#check-all-d").prop("checked", "checked")
            $("#check-all").prop("checked", "checked")
        } else {
            $("#check-all").prop("checked", "")
            $("#check-all-d").prop("checked", "")
        }
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
        sumn()
    })
    //商品加1
$(".car-text-k").on("click", ".add", function() {
        $(this).parent(".text-sl").siblings(".text-qx").find("input").prop("checked", "checked")
        if ($("#check-list:checked").length == $("input#check-list").length) {
            $("#check-all-d").prop("checked", "checked")
            $("#check-all").prop("checked", "checked")
        } else {
            $("#check-all").prop("checked", "")
            $("#check-all-d").prop("checked", "")
        }
        var val = $(this).siblings("input").val();
        val++;
        $(this).siblings("input").val(val);
        var val;
        var dj = $(this).parent(".text-sl").siblings(".text-dj").find("span").eq(1).text();
        dj = Number(dj);
        var xj = val * dj;
        $(this).parent(".text-sl").siblings(".text-xj").html("￥" + xj.toFixed(2))
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
        sumn()
    })
    //商品减1
$(".car-text-k").on("click", ".lessen", function() {
        var val = $(this).siblings("input").val();
        if (val > 0) {
            val--;
            $(this).siblings("input").val(val)
        }
        var val;
        var dj = $(this).parent(".text-sl").siblings(".text-dj").find("span").eq(1).text();
        dj = Number(dj);
        var xj = val * dj;
        $(this).parent(".text-sl").siblings(".text-xj").html("￥" + xj.toFixed(2))
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
        sumn()
    })
    //改变表单修改：
$(".car-text-k").on("change", "#val", function() {
        var val = $(this).val();
        var dj = $(this).parent(".text-sl").siblings(".text-dj").find("span").eq(1).text();
        dj = Number(dj);
        var xj = val * dj;
        $(this).parent(".text-sl").siblings(".text-xj").html("￥" + xj.toFixed(2))
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
        sumn()
    })
    //大全选
$("#check-all-d").on("click", function() {
        if ($(this).prop("checked")) {
            $("input#check-list").prop("checked", "checked");
            $("input#check-all").prop("checked", "checked");
            $(".ymjpd").show()
        } else {
            $("input#check-list").prop("checked", "")
            $("input#check-all").prop("checked", "");
            $(".ymjpd").hide()
        }
        sumn()
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
    })
    //获取总件方法
function getzl() {
    var zl = 0;
    $(".text-qx").each(function(i) {
        if ($(this).find("#check-list").prop("checked")) {
            zl += Number($(this).siblings(".text-sl").find("input").val())
        }
    })
    return zl;
}
$(".zl").find("span").text(getzl())
    //获取总价方法
function getzj() {
    var zj = 0;
    $(".text-qx").each(function(i) {
        if ($(this).find("#check-list").prop("checked")) {
            zj += Number($(this).siblings(".text-xj").text().substr(1))
        }
    })
    return zj;
}
$(".zj").find("span").text("￥" + getzj())
    //删除商品
$(".text-sc a:nth-child(2)").click(function() {
        $(this).parents(".car-text").html("")
        if ($("#check-list:checked").length == $("input#check-list").length) {
            $("#check-all-d").prop("checked", "checked")
            $("#check-all").prop("checked", "checked")
        } else {
            $("#check-all").prop("checked", "")
            $("#check-all-d").prop("checked", "")
        }
        $(".zl").find("span").text(getzl())
        $(".zj").find("span").text("￥" + getzj())
        sumn()
    })
    //删除选中商品：
$(".plsc").click(function() {
        $(".car-text").each(function(i) {
            if ($(this).find("#check-list").prop("checked")) {
                $(this).html("")
            }
            $(".zl").find("span").text(getzl())
            $(".zj").find("span").text("￥" + getzj())
            sumn()
        })
        if ($("#check-list:checked").length == $("input#check-list").length) {
            $("#check-all-d").prop("checked", "checked")
            $("#check-all").prop("checked", "checked")
        } else {
            $("#check-all").prop("checked", "")
            $("#check-all-d").prop("checked", "")
        }
    })
    //购物车商品数：
function sumn() {
    var n = 0;
    $(".car-text").each(function(i) {
        if ($(this).find(".text-qx input").prop("checked")) {
            n += Number($(this).find(".text-sl input").val());
        }

    })
    $(".product-n").text(n)
}
sumn()





$(".tab-list").mouseenter(function() {
    $(".tab-text li").eq($(this).index()).show().siblings().hide()
})

$(".tab-text").on("click", ".lessen", function() {
    var val = $(this).siblings("input").val()
    if (val > 0) {
        val--
        $(this).siblings("input").val(val)
    }
})
$(".tab-text").on("click", ".add", function() {
    var val = $(this).siblings("input").val()
    val++
    $(this).siblings("input").val(val)

})
var user_id = $("#user-id").val();
// user_id=Number(user_id);
// console.log(typeof user_id);

$.ajax({
    url: "car.php",
    dataType: "json",
    data: {
        "user-id": user_id
    },
    success: function(data) {
        var html = ""
        console.log(typeof data);
        for (var i=0; i < data.length; i++) {
            console.log(i);
            html += `<div class="car-text">
             <ul class="cle">
                 <li class="text-qx">
                     <input type="checkbox" name="" id="check-list">
                 </li>
                 <li class="text-sp cle">
                     <img class="fl" src="${data[i]["img_url"]}" alt="">
                     <span class="fl">${data[i]["product"]}</span>
                 </li>
                 <li class="text-dj ">
                     <span>$</span><span>${data[i]["price"]}</span>
                 </li>
                 <li class="text-sl cle">
                     <a href="javascript:;" class="fl lessen">-</a>
                     <input class="fl" type="text" value="${data[i]["number"]}" id="val">
                     <a class="fl add" href="javascript:;">+</a>
                 </li>
                 <li class="text-xj ">￥8.0
                 </li>
                 <li class="text-sc">
                     <p> <a href="javascript:;">加入收藏夹</a></p>
                     <p> <a href="javascript:;">删除</a></p>
                 </li>
             </ul>
         </div> `
        }
        $(".car-text-k").html(html);
    }
})